#materialsListing {
  position: relative
  width: 100%
  height: 100%
  background-color: #666
  .materialsTop {
    width: 100%
    height: 70px
    background-color: #333
    padding 10px 20px
    .materialsTitle {
      width: 100%
      height: 30px
      line-height:30px
      font-size:16px
      color #fff
    }
    .materialsStatus {
      width: 100%
      height: 20px
      line-height:20px
      font-size:12px
      color #fff
    }
  }
  .materialsContent {
    width: 100%
    height: calc(100% - 110px)
    background-color: #999
    padding 60px 60px 0px 60px
    .materialsContentLeft {
      position: relative
      float left
      width: 49%
      height: 100%
      .materialsContentLeftScroll {
        position: relative
        top: 0
        bottom: 0
        width: 100%
        height: 100%
        .unifiedRequirements {
          width: 100%
          padding 20px
          background-color: #fff
          border: 1px solid #000
          box-shadow 0 0 3px #000
          margin-bottom 20px
          > p {
            font-size: 14px
            color #bbb
          }
          > span {
            font-size: 15px
            color #000
          }
        }
        .general {
          width: 100%
          padding 20px 60px 20px 20px
          background-color: #fff
          border: 1px solid #000
          box-shadow 0 0 3px #000
          .generalDescription {
            margin-bottom 25px
            .generalDescriptionTitle {
              font-size: 20px
              color #bbb
            }
            > span {
              font-size:14px
              color #bbb
            }
          }
          .materialsInfoContent {
            padding-top 15px
            border-bottom 1px solid #ccc
            .materialsInfoContentTitle {
              margin-bottom 10px
              .materialsInfoContentName {
                font-size:14px
                color #bbb
              }
              .materialsInfoContentInfo {
                font-size: 16px
                color #000
              }
            }
            .materialsRequire {
              margin-bottom 15px
              .materialsRequireName {
                font-size:14px
                color #bbb
              }
              .materialsRequireContent {
                font-size:15px
                color #000
              }
            }
          }

          .addMaterialsBtn {
            width: 100%
            height: 30px
            line-height: 30px
            font-size: 24px
            color #fff
            text-align: center
            cursor pointer
            background-color: skyblue
          }
        }
      }
    }
    .materialsContentRight {
      position: relative
      float right
      width: 49%
      height: 100%
      .materialsContentRightScroll {
        position: relative
        top: 0
        bottom: 0
        width: 100%
        height: 100%
        .fundingCard {
          width: 100%
          padding 20px 60px 20px 20px
          background-color: #fff
          border: 1px solid #000
          box-shadow 0 0 3px #000
          margin-bottom 20px
          .fundingCardDescription {
            margin-bottom 25px
            > p {
              font-size: 20px
              color #bbb
            }
            > span {
              font-size:14px
              color #bbb
            }
          }
          .fundingCardInfoContent {
            padding-top 15px
            border-bottom 1px solid #ccc
            .fundingCardInfoContentTitle {
              margin-bottom 10px
              .fundingCardInfoContentName {
                font-size:14px
                color #bbb
              }
              .fundingCardInfoContentInfo {
                font-size: 16px
                color #000
              }
            }
            .fundingCardRequire {
              margin-bottom 15px
              .fundingCardRequireName {
                font-size:14px
                color #bbb
              }
              .fundingCardRequireContent {
                font-size:15px
                color #000
              }
            }
          }
          .addFundingCardBtn {
            width: 100%
            height: 30px
            line-height: 30px
            font-size: 24px
            color #fff
            text-align: center
            cursor pointer
            background-color: skyblue
          }

        }
      }
    }
  }
  .materialsBottom {
    width: 100%
    height: 40px
    background-color: #222
    .btnList {
      position: relative
      float right
      width: 200px
      height: 40px
      .saveBtn {
        width: 50%
        height: 40px
        line-height: 40px
        float left
        font-size: 16px
        color #fff
        text-align center
        border: 1px solid #000
        background-color: #666
        cursor pointer
      }
      .saveAndCloseBtn {
        width: 50%
        height: 40px
        line-height: 40px
        float right
        font-size: 16px
        color #fff
        text-align center
        border: 1px solid #000
        background-color: skyblue
        cursor pointer
      }
    }
  }
}
